<template>
  <div class="common-layout">
    <div class="content"><slot></slot></div>
    <!-- <page-footer :link-list="footerLinks" :copyright="copyright"></page-footer> -->
  </div>
</template>

<script>
// import PageFooter from '@/layouts/footer/PageFooter'
import { mapState } from 'vuex'

export default {
  name: 'CommonLayout',
  // components: {PageFooter},
  computed: {
    ...mapState('setting', ['footerLinks', 'copyright'])
  }
}
</script>

<style scoped lang="less">
.common-layout{
  display: flex;
  flex-direction: column;
  height: 100vh;
  overflow: auto;
  background-color: @layout-body-background;
  background-image: url('/img/login_back.jpg');
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: center;
  // background-position-y: 0px;
  background-size:cover;
  @media screen and (max-width: 768px) {
    // background-size: 200% 100%;
    background-image: none;
  }
  .content{
    padding: 32px 0;
    flex: 1;
    display: flex;
    align-items: center;
    @media (min-width: 768px){
      // padding: 212px 0 24px;
    }
  }
}
</style>

<style>
.body {
  font-family: PingFangSC, PingFangSC-Regular;
}
</style>
